@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,300italic);
a {
  text-decoration: none;
  display: block;
}
.frame {
  content: "";
    /* background: url('../Image/Mobile/m_solutions_visual1.jpg') no-repeat top center; */
  background-size: cover;
  display: inline-block;
  height: var(--solution-layer-pos);
  width: 100vw;
  vertical-align: middle;
  position: absolute;
  top: 60px;
  left: 0px;
}
.frame2 {
  position: absolute;
  top: calc(var(--solution-layer-high) + var(--solution-layer-pos) + 60px);
  left: 0px;
}

.Solutions2 {
  width: 146px;
  height: 25px;
  font-family: 'Open Sans',sans-serif;
  font-size: 33px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.06;
  letter-spacing: normal;
  text-align: center;
  color: #ffffff;
  position: absolute;
  top: 107px;
  left: calc(var(--mid_x) - (146px / 2));
}
.Features-and-Capabilities {
  width: 300px;
  height: 25px;
  font-family: 'Open Sans',sans-serif;
  font-size: 24px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: center;
  color: #000000;
  position: absolute;
  left: calc(var(--mid_x) - (300px / 2));
  top: 10px;
}
.Rectangle-1-Feature {
  width: 273px;
  height: 2px;
  background-image: linear-gradient(to right, #70bdad, #285bb1);
  position: absolute;
  left: calc(var(--mid_x) - (273px / 2));
  top: 45px;
}
.benefits_super {
  position: absolute;
  top: 0px;
  left: calc(20px * var(--viewjs2));
  width: calc(100vw - (40px * var(--viewjs2)));
}
.features_super {
  position: absolute;
  top: 0px;
  left: calc(20px * var(--viewjs2));
  width: calc(100vw - (40px * var(--viewjs2)));
}
.Benefits {
  width: 87px;
  height: 20px;
  font-family: 'Open Sans Light',sans-serif;
  font-size: 24px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: center;
  color: #000000;
  position: absolute;
  top: 50px;
  left: calc(var(--mid_x) - (87px / 2));
}
.Rectangle-1 {
  width: 92px;
  height: 2px;
  background-image: linear-gradient(to right, #70bdad, #285bb1);
  position: absolute;
  left: calc(var(--mid_x) - (92px / 2));
  top: 850px;
}
.Costing-Cockpit-for-SAP2 {
  width: calc(100vw - (var(--viewjs2) * 40px));
  margin-left: calc(var(--viewjs2) * 20px);
  margin-right: calc(var(--viewjs2) * 20px);
  height: 25px;
  font-family: 'Open Sans Semi-bold',sans-serif;
  font-size: 25px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.4;
  letter-spacing: normal;
  text-align: left;
  color: #ffffff;
  position: absolute;
  left: 0px;
  top: calc(291px - 60px + (var(--solution-layer-pos) - 206px));
}
.More-Accurate-and-Faster-Closing-Process {
  width: calc(100vw - (var(--viewjs2) * 40px));
  margin-left: calc(var(--viewjs2) * 20px);
  margin-right: calc(var(--viewjs2) * 20px);
  height: 34px;
  font-family: 'Open Sans',sans-serif;
  font-size: 15px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.53;
  letter-spacing: normal;
  text-align: left;
  color: #ffd270;
  position: absolute;
  left: 0px;
  top: calc(346px - 68px + (var(--solution-layer-pos) - 206px));
}
.In-standardizing-and-managing-the-intricate-steps-of-the-Monthl {
  width: calc(100vw - (var(--viewjs2) * 40px));
  margin-left: calc(var(--viewjs2) * 20px);
  margin-right: calc(var(--viewjs2) * 20px);
  height: 246px;
  font-family: 'Open Sans',sans-serif;
  font-size: 15px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.53;
  letter-spacing: normal;
  text-align: left;
  color: #ffffff;
  position: absolute;
  left: 0px;
  top: calc(385px - 60px + (var(--solution-layer-pos) - 206px));
}
.In-standardizing-and-managing-the-intricate-steps-of-the-Monthl2 {
    width: calc(100vw - (var(--viewjs2) * 40px));
    margin-left: calc(var(--viewjs2) * 20px);
    margin-right: calc(var(--viewjs2) * 20px);
    height: 62px;
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.53;
    letter-spacing: normal;
    text-align: left;
    color: #ffd270;
    position: absolute;
    left: 0px;
    top: calc(388px - 80px + (var(--solution-layer-pos) - 206px));
}
.Rectangle-1-Benefits {
  width: 86px;
  height: 2px;
  background-image: linear-gradient(to right, #70bdad, #285bb1);
  position: absolute;
  left: calc(var(--mid_x) - (86px / 2));
  top: 85px;
}
.pair1 {
    position: absolute;
    width: calc(100vw - (40px * var(--viewjs2)));
    top: calc(824px - var(--solution-layer-pos) - var(--solution-layer-high) - (100px * (var(--viewjs2) - 1)));
    height: calc(321px * (2 / var(--viewjs2)) + (9px * (2 - var(--viewjs2))));
    left: calc(20px * var(--viewjs2));
}
.Layer-806-1 {
  width: calc(100vw - (40px * var(--viewjs2)) - (285px * (var(--viewjs2) - 1)));
  height: 321px;
  position: absolute;
  left: 0px;
  top: 0px;
  background-color: #e4dfde;
}
.Layer-806-2 {
  width: calc(100vw - (40px * var(--viewjs2)) - (285px * (var(--viewjs2) - 1)));
  height: 321px;
  position: absolute;
  right: 0px;
  bottom: 0px;
  background-color: #e4dfde;
}
.pair2 {
    position: absolute;
    width: calc(100vw - (40px * var(--viewjs2)));
    top: calc((1427px - var(--solution-layer-pos) - var(--solution-layer-high) + 57px) - (430px * (var(--viewjs2) - 1)));
    height: calc(321px * (2 / var(--viewjs2)) + (9px * (2 - var(--viewjs2))));
    left: calc(20px * var(--viewjs2));
}
.Layer-806-3 {
  width: calc(100vw - (40px * var(--viewjs2)) - (285px * (var(--viewjs2) - 1)));
  height: 361px;
  position: absolute;
  left: 0px;
  top: 0px;
  background-color: #e4dfde;
}
.Layer-806-4 {
  width: calc(100vw - (40px * var(--viewjs2)) - (285px * (var(--viewjs2) - 1)));
  height: 321px;
  position: absolute;
  right: 0px;
  bottom: calc(0px - (40px * (2 - var(--viewjs2))));
  background-color: #e4dfde;
}
.analysis-3783312_1920 {
  width: 120px;
  height: 120px;
  position: absolute;
  left: calc(50% - 60px);
  top: 25px;
}
.su-san-lee-VFT8W5VfHw8-unsplash {
  width: 120px;
  height: 120px;
  position: absolute;
  left: calc(50% - 60px);
  top: 25px;
}
.Ellipse-808 {
  width: 120px;
  height: 120px;
  position: absolute;
  left: calc(50% - 60px);
  top: 25px;
}
.photo-1526628953301-3e589a6a8b74 {
  width: 120px;
  height: 120px;
  position: absolute;
  left: calc(50% - 60px);
  top: 25px;
}
.Each-step-of-the-Closing-process-is-registered-in-the-system-an {
  width: calc(100% - (15px * 2));
  margin-left: 15px;
  margin-right: 15px;
  height: 131px;
  font-family: 'Open Sans Semi-bold',sans-serif;
  font-size: 15px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.53;
  letter-spacing: normal;
  text-align: left;
  color: #333333;
  position: absolute;
  left: 0px;
  top: 165px;
}
.Increase-work-efficiency-and-productivity-by-integrating-the-Cl {
  width: calc(100% - (15px * 2));
  margin-left: 15px;
  margin-right: 15px;
  height: 131px;
  font-family: 'Open Sans Semi-bold',sans-serif;
  font-size: 15px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.53;
  letter-spacing: normal;
  text-align: left;
  color: #333333;
  position: absolute;
  left: 0px;
  top: 165px;
}
.When-Closing-delays-occur-anyone-can-easily-see-the-steps-that {
  width: calc(100% - (15px * 2));
  margin-left: 15px;
  margin-right: 15px;
  height: 131px;
  font-family: 'Open Sans Semi-bold',sans-serif;
  font-size: 15px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.53;
  letter-spacing: normal;
  text-align: left;
  color: #333333;
  position: absolute;
  left: 0px;
  top: 165px;
}
.Managers-can-instantly-see-the-progress-through-real-time-progr {
  width: calc(100% - (15px * 2));
  margin-left: 15px;
  margin-right: 15px;
  height: 131px;
  font-family: 'Open Sans Semi-bold',sans-serif;
  font-size: 15px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.53;
  letter-spacing: normal;
  text-align: left;
  color: #333333;
  position: absolute;
  left: 0px;
  top: 165px;
}
.frame3 {
  width: 100vw;
  height: calc(117px + (10px * 5) + (94px * 3) + (120px * 3) + 100px + ((var(--dropdown-1) + var(--dropdown-2) + var(--dropdown-3) + var(--dropdown-4) + var(--dropdown-5) + var(--dropdown-6)) * 1px));
  background-color: #f2f2f2;
  position: absolute;
  top: calc(var(--solution-layer-pos) + var(--solution-layer-high) + 60px + (321px * 4) + 117px + 50px + (10px * 3) - ((var(--viewjs2) - 1) * 600px));
  left: 0px;
}
.frame4 {
  width: 100vw;
  height: 40px;
  position: absolute;
  bottom: 0px;
  left: 0px;
  top: calc((117px + (10px * 5) + (94px * 3) + (120px * 3) + 100px + ((var(--dropdown-1) + var(--dropdown-2) + var(--dropdown-3) + var(--dropdown-4) + var(--dropdown-5) + var(--dropdown-6)) * 1px)) + (var(--solution-layer-pos) + var(--solution-layer-high) + 60px + (321px * 4) + 117px + 50px + (10px * 3) - ((var(--viewjs2) - 1) * 600px)));
  background-color: #1f1f1f;
}
.Features-and-Capabilities {
  width: 300px;
  height: 25px;
  font-family: 'Open Sans Light',sans-serif;
  font-size: 24px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: center;
  color: #000000;
  position: absolute;
  top: 44px;
  left: calc(var(--mid_x) - (300px / 2));
}
.Rectangle-Features {
  width: 283px;
  height: 2px;
  background-image: linear-gradient(to right, #70bdad, #285bb1);
  position: absolute;
  top: 85px;
  left: calc(var(--mid_x) - (283px / 2));
}
.dropdown-1 {
  width: 100%;
  height: 94px;
  background-color: #6e5c54;
  position: absolute;
  top: 117px;
  left: 0px;
}
.dropdown-1-top {
  width: calc(100% - 2px);
  height: calc(var(--dropdown-1) * 1px);
  background-color: #ffffff;
  position: absolute;
  top: 94px;
  left: 0px;
background-color: white;
}
.dropdown-1-chevron {
  width: 12px;
  height: 8px;
  font-family: sans-serif, FontAwesome5Pro;
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.44;
  letter-spacing: normal;
  text-align: left;
  color: #ffffff;
  position: absolute;
  top: 25px;
  left: calc(100% - 27px);
}
.dropdown-2 {
  width: 100%;
  height: 120px;
  background-color: #6e5c54;
  position: absolute;
  top: calc(117px + 10px + 94px + (var(--dropdown-1) * 1px));
  left: 0px;
}
.dropdown-2-top {
  width: calc(100% - 2px);
  height: calc(var(--dropdown-2) * 1px);
  background-color: #ffffff;
  position: absolute;
  top: 120px;
  left: 0px;
  background-color: white;
}
.dropdown-2-chevron {
  width: 12px;
  height: 8px;
  font-family: sans-serif, FontAwesome5Pro;
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.44;
  letter-spacing: normal;
  text-align: left;
  color: #ffffff;
  position: absolute;
  top: 25px;
  left: calc(100% - 27px);
}
.dropdown-3 {
  width: 100%;
  height: 120px;
  background-color: #6e5c54;
  position: absolute;
  top: calc(117px + (10px * 2) + 94px + 120px + ((var(--dropdown-1) + var(--dropdown-2)) * 1px));
  left: 0px;
}
.dropdown-3-top {
  width: calc(100% - 2px);
  height: calc(var(--dropdown-3) * 1px);
  background-color: #ffffff;
  position: absolute;
  top: 120px;
  left: 0px;
  background-color: white;
}
.dropdown-3-chevron {
  width: 12px;
  height: 8px;
  font-family: sans-serif, FontAwesome5Pro;
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.44;
  letter-spacing: normal;
  text-align: left;
  color: #ffffff;
  position: absolute;
  top: 25px;
  left: calc(100% - 27px);
}
.dropdown-4 {
  width: 100%;
  height: 94px;
  background-color: #6e5c54;
  position: absolute;
  top: calc(117px + (10px * 3) + 94px + (120px * 2) + ((var(--dropdown-1) + var(--dropdown-2) + var(--dropdown-3)) * 1px));
  left: 0px;
}
.dropdown-4-top {
  width: calc(100% - 2px);
  height: calc(var(--dropdown-4) * 1px);
  background-color: #ffffff;
  position: absolute;
  top: 94px;
  left: 0px;
  background-color: white;
}
.dropdown-4-chevron {
  width: 12px;
  height: 8px;
  font-family: sans-serif, FontAwesome5Pro;
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.44;
  letter-spacing: normal;
  text-align: left;
  color: #ffffff;
  position: absolute;
  top: 25px;
  left: calc(100% - 27px);
}
.dropdown-5 {
  width: 100%;
  height: 94px;
  background-color: #6e5c54;
  position: absolute;
  top: calc(117px + (10px * 4) + (94px * 2) + (120px * 2) + ((var(--dropdown-1) + var(--dropdown-2) + var(--dropdown-3) + var(--dropdown-4)) * 1px));
  left: 0px;
}
.dropdown-5-top {
  width: calc(100% - 2px);
  height: calc(var(--dropdown-5) * 1px);
  background-color: #ffffff;
  position: absolute;
  top: 94px;
  left: 0px;
  background-color: white;
}
.dropdown-5-chevron {
  width: 12px;
  height: 8px;
  font-family: sans-serif, FontAwesome5Pro;
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.44;
  letter-spacing: normal;
  text-align: left;
  color: #ffffff;
  position: absolute;
  top: 25px;
  left: calc(100% - 27px);
}
.dropdown-6 {
  width: 100%;
  height: 120px;
  background-color: #6e5c54;
  position: absolute;
  top: calc(117px + (10px * 5) + (94px * 3) + (120px * 2) + ((var(--dropdown-1) + var(--dropdown-2) + var(--dropdown-3) + var(--dropdown-4) + var(--dropdown-5)) * 1px));
  left: 0px;
}
.dropdown-6-top {
  width: calc(100% - 2px);
  height: calc(var(--dropdown-6) * 1px);
  background-color: #ffffff;
  position: absolute;
  top: 120px;
  left: 0px;
  background-color: white;
}
.dropdown-6-chevron {
  width: 12px;
  height: 8px;
  font-family: sans-serif, FontAwesome5Pro;
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.44;
  letter-spacing: normal;
  text-align: left;
  color: #ffffff;
  position: absolute;
  top: 25px;
  left: calc(100% - 27px);
}
.Master-Data-for-Each-Step-of-the-Closing-Process p {
  display: table-cell;
  vertical-align: middle;
}
.Master-Data-for-Each-Step-of-the-Closing-Process {
  width: calc(100% - (55px));
  margin-left: 15px;
  margin-right: 40px;
  height: 94px;
  font-family: 'Open Sans Semi-bold',sans-serif;
  font-size: 18px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.44;
  letter-spacing: normal;
  text-align: left;
  color: #ffffff;
  position: absolute;
  top: 0px;
  left: 0px;
  display: table;
}
.Change-history-management-according-to-changing-Closing-Proces p {
  display: table-cell;
  vertical-align: middle;
}
.Change-history-management-according-to-changing-Closing-Proces {
  width: calc(100% - (55px));
  margin-left: 15px;
  margin-right: 40px;
  height: 120px;
  font-family: 'Open Sans Semi-bold',sans-serif;
  font-size: 18px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.44;
  letter-spacing: normal;
  text-align: left;
  color: #ffffff;
  position: absolute;
  top: 0px;
  left: 0px;
  display: table;
}
.RegisterManage-Attachments-or-Comments-in-Each-Step-of-the-C p {
  display: table-cell;
  vertical-align: middle;
}
.RegisterManage-Attachments-or-Comments-in-Each-Step-of-the-C {
  width: calc(100% - (55px));
  margin-left: 15px;
  margin-right: 40px;
  height: 120px;
  font-family: 'Open Sans Semi-bold',sans-serif;
  font-size: 18px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.44;
  letter-spacing: normal;
  text-align: left;
  color: #ffffff;
  position: absolute;
  top: 0px;
  left: 0px;
  display: table;
}
.Real-Time-Progress-Board-of-Closing-Process-Process-Map p {
  display: table-cell;
  vertical-align: middle;
}
.Real-Time-Progress-Board-of-Closing-Process-Process-Map {
  display: table;
  width: calc(100% - (55px));
  margin-left: 15px;
  margin-right: 40px;
  height: 94px;
  font-family: 'Open Sans Semi-bold',sans-serif;
  font-size: 18px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.44;
  letter-spacing: normal;
  text-align: left;
  color: #ffffff;
  position: absolute;
  top: 0px;
  left: 0px;
}
.Separate-Execute-Permissions-for-Each-Level-or-Group p {
  display: table-cell;
  vertical-align: middle;
}
.Separate-Execute-Permissions-for-Each-Level-or-Group {
  display: table;
  width: calc(100% - (55px));
  margin-left: 15px;
  margin-right: 40px;
  height: 94px;
  font-family: 'Open Sans Semi-bold',sans-serif;
  font-size: 18px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.44;
  letter-spacing: normal;
  text-align: left;
  color: #ffffff;
  position: absolute;
  top: 0px;
  left: 0px;
}
.Job-History-Management-for-Each-Step-of-the-Closing-Process p {
  display: table-cell;
  vertical-align: middle;
}
.Job-History-Management-for-Each-Step-of-the-Closing-Process {
  display: table;
  width: calc(100% - (55px));
  margin-left: 15px;
  margin-right: 40px;
  height: 120px;
  font-family: 'Open Sans Semi-bold',sans-serif;
  font-size: 18px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.44;
  letter-spacing: normal;
  text-align: left;
  color: #ffffff;
  position: absolute;
  top: 0px;
  left: 0px;
}
.Register-and-manage-transactions-or-programs-executed-in-each-s {
  width: calc(100% - 60px);
  margin-left: 30px;
  margin-right: 30px;
  height: 104px;
  font-family: 'Open Sans',sans-serif;
  font-size: 15px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.53;
  letter-spacing: normal;
  text-align: left;
  color: #333333;
  position: absolute;
  top: 20px;
  left: 0px;
}
.Change-history-management-such-as-user-ID-and-change-time-for-n {
  width: calc(100% - 60px);
  margin-left: 30px;
  margin-right: 30px;
  height: 104px;
  font-family: 'Open Sans',sans-serif;
  font-size: 15px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.53;
  letter-spacing: normal;
  text-align: left;
  color: #333333;
  position: absolute;
  top: 20px;
  left: 0px;
}
.Register-related-documents-in-the-form-of-attachments-or-commen {
  width: calc(100% - 60px);
  margin-left: 30px;
  margin-right: 30px;
  height: 104px;
  font-family: 'Open Sans',sans-serif;
  font-size: 15px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.53;
  letter-spacing: normal;
  text-align: left;
  color: #333333;
  position: absolute;
  top: 20px;
  left: 0px;
}
.Provide-a-status-board-that-allows-you-to-see-the-progress-of-e {
  width: calc(100% - 60px);
  margin-left: 30px;
  margin-right: 30px;
  height: 104px;
  font-family: 'Open Sans',sans-serif;
  font-size: 15px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.53;
  letter-spacing: normal;
  text-align: left;
  color: #333333;
  position: absolute;
  top: 20px;
  left: 0px;
}
.Grant-executive-permission-separately-for-each-step-or-group-s {
  width: calc(100% - 60px);
  margin-left: 30px;
  margin-right: 30px;
  height: 104px;
  font-family: 'Open Sans',sans-serif;
  font-size: 15px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.53;
  letter-spacing: normal;
  text-align: left;
  color: #333333;
  position: absolute;
  top: 20px;
  left: 0px;
}
.Each-step-can-be-checked-in-detail-Execution-Status-Run-date {
  width: calc(100% - 60px);
  margin-left: 30px;
  margin-right: 30px;
  height: 104px;
  font-family: 'Open Sans',sans-serif;
  font-size: 15px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.53;
  letter-spacing: normal;
  text-align: left;
  color: #333333;
  position: absolute;
  top: 20px;
  left: 0px;
}
.dot {
  width: 4px;
  height: 50px;
  font-family: 'Open Sans',sans-serif;
  font-size: 15px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.53;
  letter-spacing: normal;
  text-align: left;
  color: #333333;
  position: absolute;
  left: -15px;
}
.dot1 {
  width: 4px;
  height: 50px;
  font-family: 'Open Sans',sans-serif;
  font-size: 15px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.53;
  letter-spacing: normal;
  text-align: left;
  color: #333333;
  position: absolute;
  top: 23px;
  left: 15px;
}
.dot1-1 {
  width: 4px;
  height: 50px;
  font-family: 'Open Sans',sans-serif;
  font-size: 15px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.53;
  letter-spacing: normal;
  text-align: left;
  color: #333333;
  position: absolute;
  top: calc(67px - (25px * (var(--viewjs2) - 1)));
  left: 15px;
}
.dot2 {
  width: 4px;
  height: 50px;
  font-family: 'Open Sans',sans-serif;
  font-size: 15px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.53;
  letter-spacing: normal;
  text-align: left;
  color: #333333;
  position: absolute;
  top: 23px;
  left: 15px;
}
.dot3 {
  width: 4px;
  height: 50px;
  font-family: 'Open Sans',sans-serif;
  font-size: 15px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.53;
  letter-spacing: normal;
  text-align: left;
  color: #333333;
  position: absolute;
  top: 23px;
  left: 15px;
}
.dot3-1 {
  width: 4px;
  height: 50px;
  font-family: 'Open Sans',sans-serif;
  font-size: 15px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.53;
  letter-spacing: normal;
  text-align: left;
  color: #333333;
  position: absolute;
  top: calc(90px - (25px (var(--viewjs2) - 1)));
  left: 15px;
}
.dot4 {
  width: 4px;
  height: 50px;
  font-family: 'Open Sans',sans-serif;
  font-size: 15px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.53;
  letter-spacing: normal;
  text-align: left;
  color: #333333;
  position: absolute;
  top: 23px;
  left: 15px;
}
.dot4-1 {
  width: 4px;
  height: 50px;
  font-family: 'Open Sans',sans-serif;
  font-size: 15px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.53;
  letter-spacing: normal;
  text-align: left;
  color: #333333;
  position: absolute;
  top: calc(90px - (25px (var(--viewjs2) - 1)));
  left: 15px;
}
.dot5 {
  width: 4px;
  height: 50px;
  font-family: 'Open Sans',sans-serif;
  font-size: 15px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.53;
  letter-spacing: normal;
  text-align: left;
  color: #333333;
  position: absolute;
  top: 23px;
  left: 15px;
}
.dot6 {
  width: 4px;
  height: 50px;
  font-family: 'Open Sans',sans-serif;
  font-size: 15px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.53;
  letter-spacing: normal;
  text-align: left;
  color: #333333;
  position: absolute;
  top: 23px;
  left: 15px;
}